<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style type="text/css">
#con {
	font-size: 12px;
	width: 660px;
	height: 1500px;
	margin: 0px;
	float: left;
}
ol li {
	margin: 8px;
}
body {
	margin: 0px;
	padding: 0px;
	background-image: none;
	color: #0066cb;
	font-family: Arial, Helvetica, sans-serif, "宋体";
	font-size: 12px;
}

#tags {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	width: 660px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9fc9df;
}
#biaoti {
	height: 29px;
	background-image: url(images/list1.jpg);
	background-repeat: repeat-x;
	line-height: 29px;
	font-size: 15px;
	width: 660px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 14px;
	padding-left: 0px;
	background-position: left bottom;
	overflow: hidden;
	font-weight: bold;
	color: #124071;
}
#tags li {
	float: left;
	list-style-type: none;
	height: 32px;
	background-image: url(images/list1.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	overflow: hidden;
	padding: 0px;
	margin-right: 5px;
	width: auto;
}
#tags li a {
	padding-left: 10px;
	float: left;
	padding-bottom: 0px;
	color: #002c58;
	line-height: 32px;
	padding-top: 0px;
	height: 32px;
	text-decoration: none;
	background-image: url(images/1-2-1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: auto;
	font-family: "宋体";
	font-size: 13px;
	padding-right: 0px;
	overflow: hidden;
	margin: 0px;
}
#tags li a .bei {
	background-image: url(images/1-3-1.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 32px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	overflow: hidden;
}

#tags li.emptyTag {
	background: none transparent scroll repeat 0% 0%; width: 4px;
}
#tags li.selectTag {
	height: 32px;
	line-height: 32px;
	background-image: none;
	background-repeat: repeat;
	background-position: left top;
	position: relative;
	float: left;
}
#tags li.selectTag a {
	line-height: 32px;
	background-image: url(images/1-1-1.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	float: left;
	height: 32px;
	padding-left: 10px;
	font-weight: bold;
	color: #FFF;
}
#tags li.selectTag a .bei {
	background-position: right bottom;
	color: #FFF;
	line-height: 32px;
	height: 32px;
	background-image: url(images/1-4-1.jpg);
	background-repeat: no-repeat;
	padding-right: 10px;
	float: left;
}
#tagContent {
	background-color: #fff;
	padding: 0px;
	float: left;
	height: auto;
	width: 660px;
	border: 0px solid #aecbd4;
}
.tagContent {
	display: none;
	color: #0066cb;
	height: auto;
	overflow: hidden;
	padding-bottom: 10px;
	float: left;
	width: 660px;
	padding-top: 10px;
}
#tagContent div.selectTag {
	display: block;
	float: left;
}

.list-1 {
	background-image: url(images/list-1.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
	float: right;
	height: 24px;
	width: 93px;
	line-height: 24px;
	color: #002C58;
	padding-left: 4px;
}
li{
	list-style:none;
	margin: 0px;
	padding: 0px;
}
.rolinList{
	width:660px;
	height:auto;
	text-align:left;
	padding: 0px;
	float: left;
	margin: 0px;
}
.rolinList li{margin-bottom:1px;border:1px solid #DADADA}
.rolinList li h2{
	width:648px;
	height:40px;
	background:#fff;
	font-size:14px;
	line-height:40px;
	padding-left:10px;
	color:#003366;
	cursor:pointer;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
.content{
	height:auto;
	width:658px;
	background:#fff;
	background:#FAFAFA;
	padding-bottom: 10px;
}
.content p{
	margin-top: 0px;
	margin-right: 12px;
	margin-bottom: 12px;
	margin-left: 12px;
	line-height: 20px;
}
/**/
DIV.sabrosus {
	MARGIN: 0px;
	TEXT-ALIGN: center;
	height: 30px;
	width: 620px;
	float: left;
	padding-top: 15px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
DIV.sabrosus A {
        BORDER-RIGHT: #9aafe5 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #9aafe5 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #9aafe5 1px solid; COLOR: #2e6ab1; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #9aafe5 1px solid; TEXT-DECORATION: none
}
DIV.sabrosus A:hover {
        BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.pagination A:active {
        BORDER-RIGHT: #2b66a5 1px solid; BORDER-TOP: #2b66a5 1px solid; BORDER-LEFT: #2b66a5 1px solid; COLOR: #000; BORDER-BOTTOM: #2b66a5 1px solid; BACKGROUND-COLOR: lightyellow
}
DIV.sabrosus SPAN.current {
        BORDER-RIGHT: navy 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: navy 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: navy 1px solid; COLOR: #fff; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: navy 1px solid; BACKGROUND-COLOR: #2e6ab1
}
DIV.sabrosus SPAN.disabled {
        BORDER-RIGHT: #929292 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #929292 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #929292 1px solid; COLOR: #929292; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #929292 1px solid
}


</style>
<script language="javascript">
/*第一种形式 第二种形式 更换显示样式*/
function setTab(name,cursel,n){
 for(i=1;i<=n;i++){
  var menu=document.getElementById(name+i);
  var con=document.getElementById("con_"+name+"_"+i);
  menu.className=i==cursel?"hover":"";
  con.style.display=i==cursel?"block":"none";
 }
}
</script>
<script type="text/javascript">
//<![CDATA[
window.onload = function() {
rolinTab("rolin")
}
function rolinTab(obj) {
var list = $(obj).getElementsByTagName("LI");
var state = {show:false,hidden:false,showObj:false};

for (var i=0; i<list.length; i++) {
var tmp = new rolinItem(list[i],state);
if (i == 0) tmp.pShow();
}
}

function rolinItem(obj,state) {
var speed = 0.0666; 
var range = 1;
var interval;
var tarH;
var tar = this;
var head = getFirstChild(obj);
var content = getNextChild(head);
var isOpen = false;
this.pHidden = function() {
if (isOpen) hidden();
}
this.pShow = show;

var baseH = content.offsetHeight;
content.style.display = "none";
var isOpen = false;

head.onmouseover = function() {
this.style.background = "#EFEFEF";
}

head.onmouseout = mouseout;

head.onclick = function() {
this.style.background = "#EFEFEF";
if (!state.show && !state.hidden) {
if (!isOpen) {
head.onmouseout = null;
show();
} else {
hidden();
}

}
}

function mouseout() {
this.style.background = "#FFF"
}
function show() {
head.style.borderBottom = "1px solid #DADADA";
state.show = true;
if (state.openObj && state.openObj != tar ) {
state.openObj.pHidden();
}
content.style.height = "0px";
content.style.display = "block";
content.style.overflow = "hidden";
state.openObj = tar;
tarH = baseH;

interval = setInterval(move,10);
}
function showS() {
isOpen = true;
state.show = false;
}

function hidden() {
state.hidden = true;
tarH = 0;
interval = setInterval(move,10);
}

function hiddenS() {
head.style.borderBottom = "none";
head.onmouseout = mouseout;
head.onmouseout();
content.style.display = "none";
isOpen = false;
state.hidden = false;
}

function move() {
var dist = (tarH - content.style.height.pxToNum())*speed;
if (Math.abs(dist) < 1) dist = dist > 0 ? 1: -1;
content.style.height = (content.style.height.pxToNum() + dist) + "px";
if (Math.abs(content.style.height.pxToNum() - tarH) <= range ) {
clearInterval(interval);
content.style.height = tarH + "px";
if (tarH != 0) {
showS()
} else {
hiddenS();
}
}
}

}
var $ = function($) {return document.getElementById($)};
String.prototype.pxToNum = function() {return Number(this.replace("px",""))}
function getFirstChild(obj) {
var result = obj.firstChild;
while (!result.tagName) {
result = result.nextSibling;
}
return result;
}

function getNextChild(obj) {
var result = obj.nextSibling;
while (!result.tagName) {
result = result.nextSibling;
}
return result;
}
//]]>
</script>
</head>

<body>
<div id="con">
    <ul id="tags">
    <li class="selectTag"><a onClick="selectTag('tagContent0',this)" href="javascript:void(0)"><span class="bei">安信地板</span></a></li>
    <li><a onClick="selectTag('tagContent1',this)" href="javascript:void(0)"><span class="bei">评价口碑</span></a></li>
  </ul>
  <div id="tagContent">
    <div class="tagContent selectTag" id="tagContent0">
    <ul class="rolinList" id="rolin">
  <li>
    <h2>老花匠给冬播小苗换小盆了。（冬播第二步）</h2>
    <div class="content">
      <p style="color:#666">2012-2-7 13:13</p>
      <p><img src="images/sh-5.jpg" width="547" height="376" /><br />
问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...</p>
    </div>
  </li>
  <li>
    <h2>老花匠给冬播小苗换小盆了。（冬播第二步）</h2>
    <div class="content">
      <p style="color:#666">2012-2-7 13:13</p>
      <p><br />
问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...</p>
    </div>
  </li>
  <li>
    <h2>老花匠给冬播小苗换小盆了。（冬播第二步）</h2>
    <div class="content">
      <p style="color:#666">2012-2-7 13:13</p>
      <p><br />
问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...</p>
    </div>
  </li>
  <li>
    <h2>老花匠给冬播小苗换小盆了。（冬播第二步）</h2>
    <div class="content">
      <p style="color:#666">2012-2-7 13:13</p>
      <p><br />
问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...</p>
    </div>
  </li>
  <li>
    <h2>老花匠给冬播小苗换小盆了。（冬播第二步）</h2>
    <div class="content">
      <p style="color:#666">2012-2-7 13:13</p>
      <p><br />
问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...</p>
    </div>
  </li>
  <li>
    <h2>老花匠给冬播小苗换小盆了。（冬播第二步）</h2>
    <div class="content">
      <p style="color:#666">2012-2-7 13:13</p>
      <p><br />
问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...</p>
    </div>
  </li>
  <li>
    <h2>老花匠给冬播小苗换小盆了。（冬播第二步）</h2>
    <div class="content">
      <p style="color:#666">2012-2-7 13:13</p>
      <p><br />
问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...</p>
    </div>
  </li>
  <li>
    <h2>老花匠给冬播小苗换小盆了。（冬播第二步）</h2>
    <div class="content">
      <p style="color:#666">2012-2-7 13:13</p>
      <p><br />
问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...</p>
    </div>
  </li>
  <li>
    <h2>老花匠给冬播小苗换小盆了。（冬播第二步）</h2>
    <div class="content">
      <p style="color:#666">2012-2-7 13:13</p>
      <p><br />
问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...</p>
    </div>
  </li>
  <li>
    <h2>老花匠给冬播小苗换小盆了。（冬播第二步）</h2>
    <div class="content">
      <p style="color:#666">2012-2-7 13:13</p>
      <p><br />
问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...问一个灰常无耻的问题：你被仙人掌或者仙人球大量的刺扎过吗？ ...</p>
    </div>
  </li>
    </ul>
    <div class="sabrosus">
      <span class="disabled">&lt; </span><span class="current">1</span><a href="#?page=2">2</a><a href="#?page=3">3</a><a href="#?page=4">4</a><a href="#?page=5">5</a><a href="#?page=6">6</a><a href="#?page=7">7</a>...<a href="#?page=199">199</a><a href="#?page=200">200</a><a href="#?page=2"> 
        &gt; </a></div>
    </div>
    
    
    <div class="tagContent" id="tagContent1">
    内容1
    </div>
    
    
    
    
  </div>
</div>

<script type="text/javascript">
function selectTag(showContent,selfObj){
	//标签
	var tag = document.getElementById("tags").getElementsByTagName("li");
	var taglength = tag.length;
	for(i=0; i<taglength; i++){
		tag[i].className = "";
	}
	selfObj.parentNode.className = "selectTag";
	//标签内容
	for(i=0; j=document.getElementById("tagContent"+i); i++){
		j.style.display = "none";
	}
	document.getElementById(showContent).style.display = "block";
}
</script>
</body>
</html>
